// 缓慢移动动画
function animate(ul, focusWidth) {
    //先清除之前的定时器  只留一个定时器执行
    clearInterval(ul.timer);
    ul.timer=setInterval(function () {
        //步长值写到定时器里面
        //步长值改为整数  不要出现小数
        var step = (focusWidth - ul.offsetLeft) / 10;
        step = step > 0 ? Math.ceil(step) : Math.floor(step);
        if (ul.offsetLeft == focusWidth) {
            // 停止动画 本质停止定时器
            clearInterval(ul.timer);
           
        }
        //每次加1 这个步长值改为一个慢慢变小值
        //步长公式（目标值-现在位置）/10
        ul.style.left = ul.offsetLeft + step + 'px';
    },15)
}
var ul = document.querySelector('ul');

ul.addEventListener('click', function () {
    //调用函数
    animate(ul);
})